<div class="grid-wrapper">

    <div class="toolbar-list">
        <a class="toolbar"><i class="tool-icon">&#xe6df;</i><span class="tool-describe">导出列表</span></a>
        <a class="toolbar"><i class="tool-icon">&#xe8dc;</i><span class="tool-describe">视图模式</span></a>
    </div>
    <div class="search-wrapper">

    </div>
    <div id="J_form" class="search-form form-wrapper" ref="searchForm">
        <el-form label-width="80px" size="mini" class="demo-ruleForm">
            <el-row>
                <el-col :span="8">
                        <el-form-item label="模块名:" prop="name">
                            <el-input placeholder="请输入模块名"></el-input>
                        </el-form-item>
                </el-col>
                <el-col :span="8">
                        <el-form-item label="安装日期:" prop="date1">
                            <el-col :span="12">
                                <el-date-picker type="date" placeholder="选择日期"  style="width: 100%;"></el-date-picker>
                            </el-col>
                            <el-col :span="12">
                                <el-time-picker type="fixed-time" placeholder="选择时间"  style="width: 100%;"></el-time-picker>
                            </el-col>
                        </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="发布人:" prop="name">
                        <el-input placeholder="请输入发布人"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>

            <el-row>
                <el-col :span="8">
                    <el-form-item label="大小:" prop="name">
                        <el-input placeholder="请输入大小"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="版本:" prop="name">
                        <el-input placeholder="请输入版本"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>

            <el-row>
                <el-col :span="24">
                    <el-form-item>
                        <el-button type="primary" @click="">搜索</el-button>
                        <el-button >清空</el-button>
                    </el-form-item>
                </el-col>
            </el-row>
        </el-form>

    </div>

    <table class="g-table">
        <thead>
            <tr>
                <th>模块名</th>
                <th>安装日期</th>
                <th>分布人</th>
                <th>大小</th>
                <th>版本</th>
                <th class="op-head">操作</th>
            </tr>
        </thead>
        <tbody v-if="resObj.list && resObj.list.length > 0">
            <tr v-for="item in resObj.list">
                <td>
                    {{item.name}}
                </td>
                <td>{{item.installDate}}</td>
                <td>{{item.publisher}}</td>
                <td>{{item.size}}</td>
                <td>{{item.version}}</td>
                <td>
                    <a class='t-op-link'>查看</a>|
                    <a class='t-op-link'>修改</a>|
                    <a class='t-op-link'>卸载</a>
                </td>
            </tr>
        </tbody>
        <tbody v-else>
            <tr>
               <td colspan="6" style="text-align: center">
                   暂无数据!
               </td>
            </tr>
        </tbody>
    </table>
    <div class="pagin-wrapper clearFix" v-if="resObj.list && resObj.list.length > 0">
        <el-pagination
                class="fr"
                @size-change="handleSizeChange"
                @current-change="handleCurrentChange"
                layout="total,sizes,prev, pager, next"
                :current-page="resObj.currPage"
                :page-size="resObj.pageSize"
                :total="resObj.totalCount"
                >
        </el-pagination>
    </div>
</div>